<%@ page session="false" language="java" contentType="text/html; charset=UTF-8" trimDirectiveWhitespaces="true" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include.inc.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>安全保护</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
 
<!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/bootstrap.css" />
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/font-awesome.css" />

    <!-- page specific plugin styles -->
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/bootstrap-datepicker3.css" />
    
    <!-- text fonts -->
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-fonts.css" />

    <!-- ace styles -->
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />

    <!--[if lte IE 9]>
			<link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-part2.css" class="ace-main-stylesheet" />
		<![endif]-->

    <!--[if lte IE 9]>
		  <link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-ie.css" />
		<![endif]-->

    <!-- inline styles related to this page -->
    
    <link rel="stylesheet" href="${contextPath}/resources/css/cjjc.css">

    
 <!-- ace settings handler -->
    <script src="${contextPath}/resources/assets/js/ace-extra.js"></script>

<style>

        .swiper-container {
        width: 100%;
        height: 350px;
        margin: 20px auto;
    }
    .swiper-slide {
        text-align:center;
        font-size: 18px;

        width: 400px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items:baseline;
    }
    #webglcanvas {
		top: 0;
		left: 0;
        width: 400px;
		height: 300px;
		z-index: 2;
	}
    </style>
</head>
<body class="no-skin">
<jsp:include page="index.jsp" flush="true" />
	<div class="main-container" id="main-container">
        <!-- #section:左侧树菜单 basics/sidebar -->
        <div id="sidebar" class="sidebar                  responsive">
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'fixed')
                } catch (e) {}
            </script>


            <ul class="nav nav-list">
                <li class="active open">
                    <a href="" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 安全监测 </span>
                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>
                    
                    <ul class="submenu">
                        <li class="active">
                            <a href="cjjc">
                                <i class="menu-icon fa fa-caret-right"></i> 沉降监测一
                            </a>

                            <b class="arrow"></b>
                        </li>


                        

                    </ul>
                </li>

                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 周边动态 </span>
                        
                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>
					
					<ul class="submenu">


                        <li class="">
                            <a href="bash">
                                <i class="menu-icon fa fa-caret-right"></i> 备案审核
                            </a>

                            <b class="arrow"></b>
                        </li>
                        
                        <li class="">
                            <a href="jlcx">
                                <i class="menu-icon fa fa-caret-right"></i> 记录查询
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>

            </ul>
            <!-- /.nav-list -->

            <!-- #section:basics/sidebar.layout.minimize -->
            <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
                <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
            </div>

            <!-- /section:basics/sidebar.layout.minimize -->
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'collapsed')
                } catch (e) {}
            </script>
        </div>
        <!-- /section:左侧树菜单 basics/sidebar -->
        
        <div class="main-content">
            <!-- #section:面包屑导航路径 basics/content.breadcrumbs -->
            <div class="breadcrumbs" id="breadcrumbs">
                <script type="text/javascript">
                    try {
                        ace.settings.check('breadcrumbs', 'fixed')
                    } catch (e) {}
                </script>

                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="#">安全保护</a>
                    </li>
                    <li>
                        <a href="#">安全监测</a>
                    </li>
                    <li class="active">沉降监测一</li>
                </ul>
                <!-- /.breadcrumb -->
            </div>
            <!-- /section:面包屑导航路径 basics/content.breadcrumbs -->

            <div class="page-content">
                <div class="row">
                    <div class="col-lg-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <div class="row">
                        <div class="col-sm-7">
                            <div class="widget-box">
                                <div class="widget-header widget-header-flat">
                                    <div clas="widget-title smaller"><h4 style="font: 16px/1.5 'Microsoft YaHei';">监测信息</h4></div>
                                </div>
                                <div class="widget-body">
                                    <div class="widget-main">
                                        <div class="row">
                                        <div class="col-xs-6">
                                            <label for="id-date-picker-1" style="margin:10px;">监测时间</label>
                                            <div class="col-xs-12">
																<!-- #section:plugins/date-time.datepicker -->
																<div class="input-group">
																	<input class="form-control date-picker" id="id-date-picker-1" type="text"  data-date-format="yyyy-mm-dd">
																	<span class="input-group-addon">
																		<i class="fa fa-calendar bigger-110"></i>
																	</span>
																</div>
															</div>
                                        </div>
                                            </div>
                                        <hr />
                                        <div>
                                        <table id="simple-table" class="table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th class="center">沉降观测点</th>
													<th class="center">标高</th>
													<th class="center">本次沉降量</th>
													<th class="center">累计沉降量</th>
													<th class="center">检测设备编号</th>

												</tr>
											</thead>

											<tbody>
												<tr>
													<td class="center">
														<select class="form-control" id="form-field-select-1" onchange="showMsg(this)">
														    <option value="">请选择观测点</option>
                                                            <option value="M1">M1</option>
															<option value="M2">M2</option>
															<option value="M3">M3</option>
															<option value="M4">M4</option>
															<option value="M5">M5</option>
															<option value="M6">M6</option>
															<option value="M7">M7</option>
															<option value="M8">M8</option>
															<option value="M9">M9</option>
															<option value="M10">M10</option>
															<option value="M11">M11</option>
															<option value="M12">M12</option>
															<option value="M13">M13</option>
															<option value="M14">M14</option>
															<option value="M15">M15</option>
                                                        </select>
													</td>

													<td class="center" id="altitude">
														
													</td>
													<td class="center" id="current"></td>
													<td  class="center" id="accumulate"></td>
													<td class="center" id="equip"></td>

												</tr>


												
											</tbody>
										</table>
                                        
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-5">
                                <div class="row">
                                    <div class="col-xs-8">
                                        <div style="position: relative;">
                                            <!-- webgl模型 -->
                                            <div id="webglcanvas"></div>
                                        </div>
                                    </div>
                                    <div class="col-xs-4">
                                    <input type="text" class="col-xs-12" id="section" value="舱段号：" disabled="disabled">
                                    <br /> <br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br />
                                    <input type="text" class="col-xs-12" id="settle" value="相对沉降：   mm" disabled="disabled">
                                    </div>
                            
                            
                            </div>
                            
                        </div>
                        
                        </div>
                        
                        
                        <hr />
                        
                        <div class="row">
                            <div class="col-xs-12">
                               <div style="border-left: 4px solid #df9801;"> <h2 style="margin: 5px;font: 24px/1.5 'Microsoft YaHei';">所在管段沉降情况</h2></div>
                                <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div>
                <div id="M1" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M1.png" /></div>
                
                    <div>
                        <div >M1</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate1" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            
            
            </div>
            
            
            <div class="swiper-slide">
            <div>
                <div id="M2" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M2.png" /></div>
                
                    <div>
                        <div >M2</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate2" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M3" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M3.png" /></div>
                
                    <div>
                        <div >M3</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate3" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M4" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M4.png" /></div>
                
                    <div>
                        <div >M4</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate4" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M5" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M5.png" /></div>
                
                    <div>
                        <div >M5</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate5" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M6" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M6.png" /></div>
                
                    <div>
                        <div >M6</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate6" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M7" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M7.png" /></div>
                
                    <div>
                        <div >M7</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate7" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M8" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M8.png" /></div>
                
                    <div>
                        <div >M8</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate8" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M9" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M9.png" /></div>
                
                    <div>
                        <div >M9</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate9" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M10" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M10.png" /></div>
                
                    <div>
                        <div >M10</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate10" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M11" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M11.png" /></div>
                
                    <div>
                        <div >M11</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate11" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M12" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M12.png" /></div>
                
                    <div>
                        <div >M12</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate12" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M13" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M13.png" /></div>
                
                    <div>
                        <div >M13</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate13" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M14" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M14.png" /></div>
                
                    <div>
                        <div >M14</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate14" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
            <div class="swiper-slide">
            <div>
                <div id="M15" style="width: 100%;position: relative;"><img src="${contextPath}/resources/img/Security/M15.png" /></div>
                
                    <div>
                        <div >M15</div>
                        
                        <div style="float:right;">
                            <input type="text" id="accumulate15" value="相对沉降：   mm" disabled="disabled">
                        </div>
                    </div>
                
                </div>
            </div>
        </div>
        <!-- Add Scrollbar -->
        <div class="swiper-scrollbar"></div>
    </div>
                                
                                
                            </div>
                            
                                    </div>
                        
                        
                        </div>
                        <!-- PAGE CONTENT ENDS -->
                    </div>
                    <!-- /.col -->



                </div>
                <!-- /.row -->
            </div>
            <!-- /.page-content -->
        </div>
    <!-- /.main-container -->

    <!-- basic scripts -->

    <!--[if !IE]> -->
    <script type="text/javascript">
        window.jQuery || document.write("<script src='${contextPath}/resources/assets/js/jquery.js'>" + "<" + "/script>");
    </script>
    
    <script type="text/javascript">
   var contextPath = '${contextPath}';
   
   $(function(){
       $('#id-date-picker-1').on('changeDate', function(ev){
          $.ajax({
		url : "findSettlement?date="+document.getElementById("id-date-picker-1").value,
		cache : false,
		success : function(result) {
		if(result.length!==0){
			for(var i=0;i<result.length;i++){
			    if(result[i].point=="M1"){
			    document.getElementById("accumulate1").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M1').css({top:h});
			    }
			    }
			    if(result[i].point=="M2"){
			    document.getElementById("accumulate2").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M2').css({top:h});
			    }
			    }
			    if(result[i].point=="M3"){
			    document.getElementById("accumulate3").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M3').css({top:h});
			    }
			    }
			    if(result[i].point=="M4"){
			    document.getElementById("accumulate4").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M4').css({top:h});
			    }
			    }
			    if(result[i].point=="M5"){
			    document.getElementById("accumulate5").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M5').css({top:h});
			    }
			    }
			    if(result[i].point=="M6"){
			    document.getElementById("accumulate6").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M6').css({top:h});
			    }
			    }
			    if(result[i].point=="M7"){
			    document.getElementById("accumulate7").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M7').css({top:h});
			    }
			    }
			    if(result[i].point=="M8"){
			    document.getElementById("accumulate8").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M8').css({top:h});
			    }
			    }
			    if(result[i].point=="M9"){
			    document.getElementById("accumulate9").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M9').css({top:h});
			    }
			    }
			    if(result[i].point=="M10"){
			    document.getElementById("accumulate10").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M10').css({top:h});
			    }
			    }
			    if(result[i].point=="M11"){
			    document.getElementById("accumulate11").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M11').css({top:h});
			    }
			    }
			    if(result[i].point=="M12"){
			    document.getElementById("accumulate12").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M12').css({top:h});
			    }
			    }
			    if(result[i].point=="M13"){
			    document.getElementById("accumulate13").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M13').css({top:h});
			    }
			    }
			    if(result[i].point=="M14"){
			    document.getElementById("accumulate14").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M14').css({top:h});
			    }
			    }
			    if(result[i].point=="M15"){
			    document.getElementById("accumulate15").value = "相对沉降： "+result[i].accumulateSettlement+" mm";
			    if(result[i].accumulateSettlement!==0.00){
			    	var h = result[i].accumulateSettlement*20+"px";
			    	$('#M15').css({top:h});
			    }
			    }
			}
			}
		}
	});
       });
   });
   
    function showMsg(obj) {
    var opt = obj.options[obj.selectedIndex];
    if(opt.value!==""){
      var date = document.getElementById("id-date-picker-1").value;
       $.ajax({
		url : "findPointInfo?point="+opt.value+"&date="+date,
		cache : false,
		success : function(result) {
			if(result.length!==0){
			  document.getElementById("altitude").innerHTML=result[0].altitude+" mm";
			  document.getElementById("current").innerHTML=result[0].currentSettlement+" mm";
			  document.getElementById("accumulate").innerHTML=result[0].accumulateSettlement+" mm";
			  document.getElementById("equip").innerHTML=result[0].point;
			  document.getElementById("section").value = "舱段号："+result[0].sectionName;
			  document.getElementById("settle").value = "相对沉降:"+result[0].accumulateSettlement+" mm";
			}
		}
	});


    }

    if(opt.value =="M1" || opt.value =="M2" || opt.value =="M3"){
        VIEWER.LoadModel("${contextPath}/resources/UploadFiles/ThreeJSExporter/xiaoguanjing.js");
    }
    if(opt.value =="M4" || opt.value =="M5" || opt.value =="M6"){
        VIEWER.LoadModel("${contextPath}/resources/UploadFiles/ThreeJSExporter/shuangcang.js");
    }
 }
 
</script>

    <script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='${contextPath}/resources/assets/js/jquery.mobile.custom.js'>" + "<" + "/script>");
    </script>
    <script src="${contextPath}/resources/assets/js/bootstrap.js"></script>

    <!-- page specific plugin scripts -->

    <!-- ace scripts -->
    <script src="${contextPath}/resources/assets/js/ace/elements.scroller.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.colorpicker.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.fileinput.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.typeahead.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wysiwyg.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.spinner.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.treeview.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wizard.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.aside.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.ajax-content.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.touch-drag.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar-scroll-1.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.submenu-hover.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-box.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-rtl.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-skin.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-on-reload.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.searchbox-autocomplete.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.hover-dropdown.js"></script>
    <!-- inline scripts related to this page -->
    <!-- WebGL threejs -->
    <script src="${contextPath}/resources/js/ThreeJS/Detector.min.js"></script>
    <script src="${contextPath}/resources/js/ThreeJS/three.min.js"></script>
    <script src="${contextPath}/resources/js/ThreeJS/TrackballControls.min.js"></script>
    <script src="${contextPath}/resources/js/ThreeJS/AxisSystem.min.js"></script>
    <script src="${contextPath}/resources/js/ThreeJS/viewer3d.js"></script>
    
    <script>

        VIEWER.container = document.getElementById('webglcanvas');
    
        VIEWER.width = 400;  
        VIEWER.height = 300;
        VIEWER.destroy = false;
    
        VIEWER.renderer_init(VIEWER.container);
        $(window).resize(function () {
            VIEWER.renderer_setSize(VIEWER.width, VIEWER.height);
            VIEWER.renderer_render();
        });
        VIEWER.renderer_render();
        VIEWER.animate();
        //VIEWER.LoadModel("${contextPath}/resources/UploadFiles/ThreeJSExporter/SDK-BZDM.js");

		</script>
    
    
    <!-- inline scripts related to this page -->
    <script src="${contextPath}/resources/assets/js/date-time/bootstrap-datepicker.js"></script>
    
    
		<script type="text/javascript">
			jQuery(function($) {
    //datepicker plugin
				//link
				$('.date-picker').datepicker({
					autoclose: true,
					todayHighlight: true
				})
				//show datepicker when clicking on the icon
				.next().on(ace.click_event, function(){
					$(this).prev().focus();
				});
                
                });
		</script>
    
    <!-- Swiper JS -->
    <script src="${contextPath}/resources/js/cjjc.js"></script>

    <!-- Initialize Swiper -->
    <script>
    var swiper = new Swiper('.swiper-container', {
        scrollbar: '.swiper-scrollbar',
        scrollbarHide: true,
        slidesPerView: 'auto',
        centeredSlides: false,
        spaceBetween: 1,
        grabCursor: true
    });
    </script>
</body>
</html>
